@charset "utf-8";
.gift {
  background-color: #ffffff;
  padding: 50px 82px;
  height: 100vh;
  .title {
    display: flex;
    justify-content: space-around;
    align-items: center;
    .length {
      width: 215px;
      height: 1px;
      background-color: #e8e8e8;
    }
    .title_name {
      font-size: 30px;
      color: #999999;
    }
  }
  .score {
    font-size: 30px;
    color: #333333;
    margin-top: 50px;
    text-align: center;
    .num {
      font-size: 92px;
    }
  }
  .invite_num {
    margin-top: 50px;
    text-align: center;
    .text {
      font-size: 22px;
      color: #84c490;
      vertical-align: middle;
    }
    img {
      height: 16px;
      vertical-align: middle;
      margin-left: 5px;
    }
  }
  .invite_means {
    text-align: center;
    font-size: 28px;
    line-height: 36px;
    color: #ea5550;
    margin-top: 60px;
  }
  .invite_code {
    width: 260px;
    height: 260px;
    padding: 30px;
    margin: 60px auto;
    img {
      width: 100%;
    }
  }
  .invite_button {
    width: 360px;
    height: 94px;
    line-height: 90px;
    margin: 150px auto;
    background-color: #ea5550;
    border-radius: 47px;
    font-size: 42px;
    color: #ffffff;
    text-align: center;
  }
  .gift_active{
    background-color: #ea5550;
  }
  .gift_inactive{
    background-color: #999999;
  }
}